package org.apache.jsp;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;
import com.diapoclic.entitybean.*;
import com.diapoclic.entitydao.*;
import java.util.List;
import java.util.ArrayList;
import java.util.HashMap;

public final class profile_jsp extends org.apache.jasper.runtime.HttpJspBase
    implements org.apache.jasper.runtime.JspSourceDependent {

  private static final JspFactory _jspxFactory = JspFactory.getDefaultFactory();

  private static java.util.List _jspx_dependants;

  static {
    _jspx_dependants = new java.util.ArrayList(3);
    _jspx_dependants.add("/adylitica.css");
    _jspx_dependants.add("/header.jsp");
    _jspx_dependants.add("/footer.jsp");
  }

  private javax.el.ExpressionFactory _el_expressionfactory;
  private org.apache.AnnotationProcessor _jsp_annotationprocessor;

  public Object getDependants() {
    return _jspx_dependants;
  }

  public void _jspInit() {
    _el_expressionfactory = _jspxFactory.getJspApplicationContext(getServletConfig().getServletContext()).getExpressionFactory();
    _jsp_annotationprocessor = (org.apache.AnnotationProcessor) getServletConfig().getServletContext().getAttribute(org.apache.AnnotationProcessor.class.getName());
  }

  public void _jspDestroy() {
  }

  public void _jspService(HttpServletRequest request, HttpServletResponse response)
        throws java.io.IOException, ServletException {

    PageContext pageContext = null;
    HttpSession session = null;
    ServletContext application = null;
    ServletConfig config = null;
    JspWriter out = null;
    Object page = this;
    JspWriter _jspx_out = null;
    PageContext _jspx_page_context = null;


    try {
      response.setContentType("text/html; charset=ISO-8859-1");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");

	//test de connexion avec la base de données
	UserDao hey = new UserDao();
	String hello = hey.helloWorld();

      out.write("\r\n");
      out.write("\r\n");

	//test de récupération de l'user de la BD
	User current_User = new User();
	current_User = hey.findByName(request.getParameter("name"));
	//       	System.out.println("test de parametre cookie "+request.getParameter("name"));
	int current_User_id = current_User.getIdUser();
	String current_User_name = current_User.getNameUser();
	String current_User_firstname = current_User.getFirstnameUser();
	String current_User_email = current_User.getMail();
	String current_User_login = current_User.getLogin();
	//       	Date current_User_registerdate = current_User.getDateRegistration();
	//       	Datecurrent_User_lastdate = current_User.getDateLastConnect();

	//       	System.out.println("test de resultat provenant de la BD "+ current_User_name);
	//System.out.println("IT WORKS BITCHES!");

      out.write("\r\n");
      out.write("\r\n");
      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\r\n");
      out.write("<title>DiapoClic</title>\r\n");
      out.write("<style type=\"text/css\" media=\"all\">\r\n");
      out.write("body\r\n");
      out.write("{\r\n");
      out.write("  padding: 0;\r\n");
      out.write("  margin: 0;\r\n");
      out.write("  background: #222 url(viewer/images/page-bg.png) repeat;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  color: #666;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#page\r\n");
      out.write("{\r\n");
      out.write("text-align: left;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#topnav\r\n");
      out.write("{\r\n");
      out.write("  text-align: center;\r\n");
      out.write("  z-index: 0;\r\n");
      out.write("  overflow: hidden;\r\n");
      out.write("  position: fixed;\r\n");
      out.write("  top: 0px;\r\n");
      out.write("  left: 0px;\r\n");
      out.write("  background: url(viewer/images/topnav.png) repeat-x left top;\r\n");
      out.write("  height: 50px;\r\n");
      out.write("  border-bottom: 1px solid #444;\r\n");
      out.write("  margin-bottom: 10px;\r\n");
      out.write("  -webkit-box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  -moz-box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  width: 100%;\r\n");
      out.write("  \r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#topnavcontents\r\n");
      out.write("{\r\n");
      out.write("  width: 0px;\r\n");
      out.write("  margin: 0px auto;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#topnav #menu\r\n");
      out.write("{\r\n");
      out.write("  text-align: right;\r\n");
      out.write("  padding: 12px 0;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#topnav a, #topnav a:visited\r\n");
      out.write("{\r\n");
      out.write("  color: #ddd;\r\n");
      out.write("  text-decoration: none;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-right: 11px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#navbar\r\n");
      out.write("{\r\n");
      out.write("\twidth: 300px;\r\n");
      out.write("\theight: 200px;\r\n");
      out.write("\tfloat: left;\r\n");
      out.write("\tpadding: 100px 30px 20px 10px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#highlightholder\r\n");
      out.write("{\r\n");
      out.write("  text-align: center;\r\n");
      out.write("  color: #ddd;\r\n");
      out.write("  font-weight: 200;\r\n");
      out.write("  margin-top: 50px;\r\n");
      out.write("  min-height: 250px;\r\n");
      out.write("  z-index: 5;\r\n");
      out.write("  background: #222 url(viewer/images/content-bg.png) repeat;\r\n");
      out.write("  padding-bottom: 3em;\r\n");
      out.write("  padding: 10px 0;\r\n");
      out.write("  border-bottom: 1px solid #444;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#highlightcontents\r\n");
      out.write("{\r\n");
      out.write("  padding-top: 0px;\r\n");
      out.write("  text-align: left;\r\n");
      out.write("  width: auto; /*960px;*/\r\n");
      out.write("  margin: 0px auto;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 24pt;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title .tag \r\n");
      out.write("{\r\n");
      out.write("  font-size: 18pt;\r\n");
      out.write("  color: #999;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title\r\n");
      out.write("{\r\n");
      out.write("  margin-bottom: 2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#products .box\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 15px;\r\n");
      out.write("  width: 450px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box a img.head\r\n");
      out.write("{\r\n");
      out.write("  width: 280px;\r\n");
      out.write("  height: 210px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title\r\n");
      out.write("{\r\n");
      out.write("font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 16pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .tag\r\n");
      out.write("{\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .tag > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("#products .box .title .desc\r\n");
      out.write("{\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  color: #616573;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 20px 20px 20px;\r\n");
      out.write("  width: 900px;\r\n");
      out.write("  height: 500px;\r\n");
      out.write("  \r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent a img.head\r\n");
      out.write("{\r\n");
      out.write("  width: auto;\r\n");
      out.write("  height: auto;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title\r\n");
      out.write("{\r\n");
      out.write("font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 16pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .tag\r\n");
      out.write("{\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .tag > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("#productscontent .boxcontent .title .desc\r\n");
      out.write("{\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  color: #616573;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .boxfriend\r\n");
      out.write("{\r\n");
      out.write("\tbackground: #48494D;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, transparent, transparent); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:10px;\r\n");
      out.write("\t-webkit-border-radius:10px;\r\n");
      out.write("\t-moz-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\tpadding:10px;\r\n");
      out.write("\twidth:250px;\r\n");
      out.write("\tmargin-bottom: 10fpx;\r\n");
      out.write("\t\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#footer\r\n");
      out.write("{\r\n");
      out.write("  margin: 2em;\r\n");
      out.write("  font-size: 80%;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("h1\r\n");
      out.write("{\r\n");
      out.write("  font-size: 250%;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("h2\r\n");
      out.write("{\r\n");
      out.write("  font-size: 200%;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  color: #fff;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("ul > li\r\n");
      out.write("{\r\n");
      out.write("  margin-bottom: 0.6em;\r\n");
      out.write("font-family: Helvetica-Light;\r\n");
      out.write("font-weight: normal;\r\n");
      out.write("color: #bbb;\r\n");
      out.write("letter-spacing: 0.06em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("ul > li > strong\r\n");
      out.write("{\r\n");
      out.write("color: #ddd;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("p \r\n");
      out.write("{\r\n");
      out.write("  font-family: Helvetica;\r\n");
      out.write("font-weight: 100;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("p > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("img.feature\r\n");
      out.write("{\r\n");
      out.write("  width: 300px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("a, a:visited\r\n");
      out.write("{\r\n");
      out.write("  color: #bdc8ee;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#team .box\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 15px;\r\n");
      out.write("  margin-bottom: 15px;\r\n");
      out.write("  width: 290px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box img\r\n");
      out.write("{\r\n");
      out.write("  width: 280px;\r\n");
      out.write("  height: 210px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title\r\n");
      out.write("{\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 15pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title .tag\r\n");
      out.write("{\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  font-size: 14pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Dark Button CSS */\r\n");
      out.write(".button {\r\n");
      out.write("    outline: 0;\r\n");
      out.write("    padding: 5px 12px;\r\n");
      out.write("    display: block;\r\n");
      out.write("    color: #9fa8b0;\r\n");
      out.write("    font-weight: bold;\r\n");
      out.write("    text-shadow: 1px 1px #1f272b;\r\n");
      out.write("    border: 1px solid #1c252b;\r\n");
      out.write("    border-radius: 3px;\r\n");
      out.write("    -moz-border-radius: 3px;\r\n");
      out.write("    -webkit-border-radius: 3px;\r\n");
      out.write("    background: #232B30; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */\r\n");
      out.write("}\r\n");
      out.write(".button:hover {\r\n");
      out.write("    color: #fff;\r\n");
      out.write("    background: #4C5A64; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".button:active {\r\n");
      out.write("    background-position: 0 top;\r\n");
      out.write("    position: relative;\r\n");
      out.write("    top: 1px;\r\n");
      out.write("    color: #fff;\r\n");
      out.write("    padding: 6px 12px 4px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Other stuff: */\r\n");
      out.write(".button-list {\r\n");
      out.write("list-style: none; padding: 0px 50%; margin-bottom: 12px; width: 550px; float: left; display: block; margin: 0 0 30px; \r\n");
      out.write("}\r\n");
      out.write(".button-list li { \r\n");
      out.write("float: left; margin: 0 10px 0 0; \r\n");
      out.write("}\r\n");
      out.write(".button-list li.search {\r\n");
      out.write(" border-left: 1px solid #273137; padding-left: 18px; margin-left: 10px; position: relative; \r\n");
      out.write(" }\r\n");
      out.write("\r\n");
      out.write("/* Search CSS: */\r\n");
      out.write(".search-input {\r\n");
      out.write("    padding: 0 5px 0 22px;\r\n");
      out.write("    border: 1px solid #1c252b;\r\n");
      out.write("    height: 30px;\r\n");
      out.write("    color: #9fa8b0;\r\n");
      out.write("    font-size: 12px;\r\n");
      out.write("    line-height: 30px;\r\n");
      out.write("    font-weight: bold;\r\n");
      out.write("    text-shadow: 1px 1px #1f272b;\r\n");
      out.write("    border-radius: 25px;\r\n");
      out.write("    -moz-border-radius: 25px;\r\n");
      out.write("    -webkit-border-radius: 25px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write(".search-input:focus {outline: none;}\r\n");
      out.write(".search-submit {\r\n");
      out.write("    width: 13px;\r\n");
      out.write("    height: 13px;\r\n");
      out.write("    border: none;\r\n");
      out.write("    background: url(mag-glass.png) no-repeat;\r\n");
      out.write("    display: block;\r\n");
      out.write("    position: absolute;\r\n");
      out.write("    left: 26px;\r\n");
      out.write("    top: 10px;\r\n");
      out.write("    text-indent: -9999em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Vertical List: */\r\n");
      out.write(".vertical-list {\r\n");
      out.write("    list-style: none;\r\n");
      out.write("    padding: 10px;\r\n");
      out.write("    width: 200px;\r\n");
      out.write("    border-radius: 5px;\r\n");
      out.write("    -moz-border-radius: 5px;\r\n");
      out.write("    -webkit-border-radius: 5px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button {\r\n");
      out.write("    border-radius: 5px;\r\n");
      out.write("    -moz-border-radius: 5px;\r\n");
      out.write("    -webkit-border-radius: 5px;\r\n");
      out.write("    background: #515B62; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button:hover {\r\n");
      out.write("    background: #5F6B72; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#5F6B72), color-stop(4%,#56646C), color-stop(50%,#4D5A62), color-stop(100%,#434D54)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F6B72', endColorstr='#434D54',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button:active {\r\n");
      out.write("    padding: 5px 12px;\r\n");
      out.write("    top: 0;\r\n");
      out.write("    background: #515B62; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */       -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("form{\r\n");
      out.write("\tbackground: #48494D;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, transparent, transparent); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:10px;\r\n");
      out.write("\t-webkit-border-radius:10px;\r\n");
      out.write("\t-moz-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\tpadding:20px;\r\n");
      out.write("\twidth:350px;\r\n");
      out.write("\tmargin-bottom: 20px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#checkbox {\r\n");
      out.write("\twidth: 0px;\r\n");
      out.write("\tmargin-bottom: 0px;\r\n");
      out.write("\tpadding:0px;\r\n");
      out.write("\tborder:1px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("h1{\r\n");
      out.write("\tborder-bottom:1px solid #ccc;\r\n");
      out.write("\tfont-size:11px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tletter-spacing:2px;\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("\ttext-transform:uppercase;\r\n");
      out.write("}\r\n");
      out.write("form p{\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("}\r\n");
      out.write("form p:last-child{ /* Sélecteur avancé pour sélectionner le dernier paragraphe du formulaire */\r\n");
      out.write("\tmargin-bottom:0;\r\n");
      out.write("}\r\n");
      out.write("label{\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("\tfloat:left;\r\n");
      out.write("\tfont-size:13px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tline-height:28px;\r\n");
      out.write("\tmargin-bottom:5px;\r\n");
      out.write("\twidth:150px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("form p:hover label{\r\n");
      out.write("\tcolor:#0459b7;\r\n");
      out.write("}\r\n");
      out.write("form p:hover label:after{\r\n");
      out.write("\tcontent:\" *\";\r\n");
      out.write("}\r\n");
      out.write("input[type=text],\r\n");
      out.write("input[type=password]{\r\n");
      out.write("\tbackground: rgba(255, 255, 255, 0.9);\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\tpadding:5px;\r\n");
      out.write("}\r\n");
      out.write("input[type=text]:focus,\r\n");
      out.write("input[type=password]:focus{\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\toutline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */\r\n");
      out.write("}\r\n");
      out.write("select{\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tpadding:3px;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #aaa;\r\n");
      out.write("}\r\n");
      out.write("select:active,\r\n");
      out.write("select:focus{\r\n");
      out.write("\tborder:1px solid #093c75;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\toutline:none;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit],\r\n");
      out.write("a.submit{\r\n");
      out.write("\tbackground:#ddd;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #093c75;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\t-moz-box-shadow:0 1px 0 #000;\r\n");
      out.write("\t-webkit-box-shadow:0 1px 0 #000;\r\n");
      out.write("\tcolor:#fff;\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tfont-family:Arial,sans-serif;\r\n");
      out.write("\tfont-size:12px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tmargin-left:120px;\r\n");
      out.write("\tpadding:5px 10px;\r\n");
      out.write("\ttext-decoration:none;\r\n");
      out.write("\ttext-shadow:0 1px 1px #333;\r\n");
      out.write("\ttext-transform:uppercase;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit]:hover,\r\n");
      out.write("a.submit:hover{\r\n");
      out.write("\tbackground:#eee;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #067cd3, #0bcdff);\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\ttext-decoration:none;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit]:active,\r\n");
      out.write("input[type=submit]:focus,\r\n");
      out.write("a.submit:active,\r\n");
      out.write("a.submit:focus{\r\n");
      out.write("\tbackground:#ccc;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #0bcdff, #067cd3);\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\toutline:none;\r\n");
      out.write("}\r\n");
      out.write("#options{\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("}\r\n");
      out.write("#options p{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options .show{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#options:target .show{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options .hide{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options:target .hide{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#options:target p{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#finish{\r\n");
      out.write("\tbackground:rgba(65, 166, 42, 0.2);\r\n");
      out.write("\tborder:2px solid #41a62a;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("\tpadding:5px 10px;\r\n");
      out.write("}\r\n");
      out.write("#finish:target{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/*\r\n");
      out.write("Theme: Azuln\r\n");
      out.write("Author: Jorge Epuan H.\r\n");
      out.write("URL: www.csslab.cl\r\n");
      out.write("Country: Chile\r\n");
      out.write("*/\r\n");
      out.write("\r\n");
      out.write("#itsthetable {\r\n");
      out.write("\tfont-family: Georgia, \"Times New Roman\", Times, serif;\r\n");
      out.write("\tcolor: #036;\r\n");
      out.write("\tfloat: right;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable caption {\r\n");
      out.write("\tfont-size: 48px;\r\n");
      out.write("\tcolor: #036;\r\n");
      out.write("\tfont-weight: bolder;\r\n");
      out.write("\tfont-variant: small-caps;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th {\r\n");
      out.write("\tfont-size: 12px;\r\n");
      out.write("\tcolor: #FFF;\r\n");
      out.write("\tbackground-color: #383F49;\r\n");
      out.write("\tpadding: 8px 4px;\r\n");
      out.write("\tborder-bottom: 1px solid #015ebc;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable table {\r\n");
      out.write("\tmargin: 0;\r\n");
      out.write("\tpadding: 0;\r\n");
      out.write("\tborder-collapse: collapse;\r\n");
      out.write("\tborder: 1px solid #06C;\r\n");
      out.write("\twidth: 100%\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th a:link, #itsthetable th a:visited {\r\n");
      out.write("\tcolor: #FFF;\r\n");
      out.write("\ttext-decoration: none;\r\n");
      out.write("\tborder-left: 5px solid #FFF;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th a:hover, #itsthetable th a:active {\r\n");
      out.write("\tcolor: #F90;\r\n");
      out.write("\ttext-decoration: line-through;\r\n");
      out.write("\tborder-left: 5px solid #F90;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tbody th:hover {\r\n");
      out.write("\tbackground-image: url(imgs/tbody_hover.gif);\r\n");
      out.write("\tbackground-position: bottom;\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td {\r\n");
      out.write("\tbackground-color: #f2f2f2;\r\n");
      out.write("\tpadding: 4px;\r\n");
      out.write("\tfont-size: 12px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td:hover {\r\n");
      out.write("\tbackground-color: #f8f8f8;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td a:link, #itsthetable td a:visited {\r\n");
      out.write("\tcolor: #039;\r\n");
      out.write("\ttext-decoration: none;\r\n");
      out.write("\tborder-left: 3px solid #039;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td a:hover, #itsthetable td a:active {\r\n");
      out.write("\tcolor: #06C;\r\n");
      out.write("\ttext-decoration: line-through;\r\n");
      out.write("\tborder-left: 3px solid #06C;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th {\r\n");
      out.write("\ttext-align: left;\r\n");
      out.write("\twidth: 150px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tr {\r\n");
      out.write("\tborder-bottom: 1px solid #CCC;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable thead th {\r\n");
      out.write("\tbackground-image: url(imgs/thead_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #06C;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 18px;\r\n");
      out.write("\ttext-align: center;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("\tborder: 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tfoot th {\r\n");
      out.write("\tbackground-image: url(imgs/tfoot_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #036;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 28px;\r\n");
      out.write("\ttext-align: center;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tfoot td {\r\n");
      out.write("\tbackground-image: url(imgs/tfoot_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #036;\r\n");
      out.write("\tcolor: FFF;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 24px;\r\n");
      out.write("\ttext-align: left;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("tbody td a[href=\"http://www.csslab.cl/\"] {\r\n");
      out.write("\tfont-weight: bolder;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("button {\r\n");
      out.write("\tcursor:hand;\r\n");
      out.write("\tmargin-left:37px;\t\r\n");
      out.write("}");
      out.write("\r\n");
      out.write("</style>\r\n");
      out.write("<!--    <script type=\"text/javascript\" src=\"jquery-1.4.5.min.js\"></script> -->\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("\t<div id=\"page\">\r\n");
      out.write("\t\t");
      out.write("\r\n");
      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\">\r\n");
      out.write("<style type=\"text/css\" media=\"all\">\r\n");
      out.write("body\r\n");
      out.write("{\r\n");
      out.write("  padding: 0;\r\n");
      out.write("  margin: 0;\r\n");
      out.write("  background: #222 url(viewer/images/page-bg.png) repeat;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  color: #666;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#page\r\n");
      out.write("{\r\n");
      out.write("text-align: left;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#topnav\r\n");
      out.write("{\r\n");
      out.write("  text-align: center;\r\n");
      out.write("  z-index: 0;\r\n");
      out.write("  overflow: hidden;\r\n");
      out.write("  position: fixed;\r\n");
      out.write("  top: 0px;\r\n");
      out.write("  left: 0px;\r\n");
      out.write("  background: url(viewer/images/topnav.png) repeat-x left top;\r\n");
      out.write("  height: 50px;\r\n");
      out.write("  border-bottom: 1px solid #444;\r\n");
      out.write("  margin-bottom: 10px;\r\n");
      out.write("  -webkit-box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  -moz-box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  width: 100%;\r\n");
      out.write("  \r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#topnavcontents\r\n");
      out.write("{\r\n");
      out.write("  width: 0px;\r\n");
      out.write("  margin: 0px auto;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#topnav #menu\r\n");
      out.write("{\r\n");
      out.write("  text-align: right;\r\n");
      out.write("  padding: 12px 0;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#topnav a, #topnav a:visited\r\n");
      out.write("{\r\n");
      out.write("  color: #ddd;\r\n");
      out.write("  text-decoration: none;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-right: 11px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#navbar\r\n");
      out.write("{\r\n");
      out.write("\twidth: 300px;\r\n");
      out.write("\theight: 200px;\r\n");
      out.write("\tfloat: left;\r\n");
      out.write("\tpadding: 100px 30px 20px 10px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#highlightholder\r\n");
      out.write("{\r\n");
      out.write("  text-align: center;\r\n");
      out.write("  color: #ddd;\r\n");
      out.write("  font-weight: 200;\r\n");
      out.write("  margin-top: 50px;\r\n");
      out.write("  min-height: 250px;\r\n");
      out.write("  z-index: 5;\r\n");
      out.write("  background: #222 url(viewer/images/content-bg.png) repeat;\r\n");
      out.write("  padding-bottom: 3em;\r\n");
      out.write("  padding: 10px 0;\r\n");
      out.write("  border-bottom: 1px solid #444;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#highlightcontents\r\n");
      out.write("{\r\n");
      out.write("  padding-top: 0px;\r\n");
      out.write("  text-align: left;\r\n");
      out.write("  width: auto; /*960px;*/\r\n");
      out.write("  margin: 0px auto;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 24pt;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title .tag \r\n");
      out.write("{\r\n");
      out.write("  font-size: 18pt;\r\n");
      out.write("  color: #999;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title\r\n");
      out.write("{\r\n");
      out.write("  margin-bottom: 2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#products .box\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 15px;\r\n");
      out.write("  width: 450px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box a img.head\r\n");
      out.write("{\r\n");
      out.write("  width: 280px;\r\n");
      out.write("  height: 210px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title\r\n");
      out.write("{\r\n");
      out.write("font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 16pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .tag\r\n");
      out.write("{\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .tag > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("#products .box .title .desc\r\n");
      out.write("{\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  color: #616573;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 20px 20px 20px;\r\n");
      out.write("  width: 900px;\r\n");
      out.write("  height: 500px;\r\n");
      out.write("  \r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent a img.head\r\n");
      out.write("{\r\n");
      out.write("  width: auto;\r\n");
      out.write("  height: auto;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title\r\n");
      out.write("{\r\n");
      out.write("font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 16pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .tag\r\n");
      out.write("{\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .tag > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("#productscontent .boxcontent .title .desc\r\n");
      out.write("{\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  color: #616573;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .boxfriend\r\n");
      out.write("{\r\n");
      out.write("\tbackground: #48494D;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, transparent, transparent); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:10px;\r\n");
      out.write("\t-webkit-border-radius:10px;\r\n");
      out.write("\t-moz-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\tpadding:10px;\r\n");
      out.write("\twidth:250px;\r\n");
      out.write("\tmargin-bottom: 10fpx;\r\n");
      out.write("\t\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#footer\r\n");
      out.write("{\r\n");
      out.write("  margin: 2em;\r\n");
      out.write("  font-size: 80%;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("h1\r\n");
      out.write("{\r\n");
      out.write("  font-size: 250%;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("h2\r\n");
      out.write("{\r\n");
      out.write("  font-size: 200%;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  color: #fff;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("ul > li\r\n");
      out.write("{\r\n");
      out.write("  margin-bottom: 0.6em;\r\n");
      out.write("font-family: Helvetica-Light;\r\n");
      out.write("font-weight: normal;\r\n");
      out.write("color: #bbb;\r\n");
      out.write("letter-spacing: 0.06em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("ul > li > strong\r\n");
      out.write("{\r\n");
      out.write("color: #ddd;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("p \r\n");
      out.write("{\r\n");
      out.write("  font-family: Helvetica;\r\n");
      out.write("font-weight: 100;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("p > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("img.feature\r\n");
      out.write("{\r\n");
      out.write("  width: 300px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("a, a:visited\r\n");
      out.write("{\r\n");
      out.write("  color: #bdc8ee;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#team .box\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 15px;\r\n");
      out.write("  margin-bottom: 15px;\r\n");
      out.write("  width: 290px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box img\r\n");
      out.write("{\r\n");
      out.write("  width: 280px;\r\n");
      out.write("  height: 210px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title\r\n");
      out.write("{\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 15pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title .tag\r\n");
      out.write("{\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  font-size: 14pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Dark Button CSS */\r\n");
      out.write(".button {\r\n");
      out.write("    outline: 0;\r\n");
      out.write("    padding: 5px 12px;\r\n");
      out.write("    display: block;\r\n");
      out.write("    color: #9fa8b0;\r\n");
      out.write("    font-weight: bold;\r\n");
      out.write("    text-shadow: 1px 1px #1f272b;\r\n");
      out.write("    border: 1px solid #1c252b;\r\n");
      out.write("    border-radius: 3px;\r\n");
      out.write("    -moz-border-radius: 3px;\r\n");
      out.write("    -webkit-border-radius: 3px;\r\n");
      out.write("    background: #232B30; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */\r\n");
      out.write("}\r\n");
      out.write(".button:hover {\r\n");
      out.write("    color: #fff;\r\n");
      out.write("    background: #4C5A64; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".button:active {\r\n");
      out.write("    background-position: 0 top;\r\n");
      out.write("    position: relative;\r\n");
      out.write("    top: 1px;\r\n");
      out.write("    color: #fff;\r\n");
      out.write("    padding: 6px 12px 4px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Other stuff: */\r\n");
      out.write(".button-list {\r\n");
      out.write("list-style: none; padding: 0px 50%; margin-bottom: 12px; width: 550px; float: left; display: block; margin: 0 0 30px; \r\n");
      out.write("}\r\n");
      out.write(".button-list li { \r\n");
      out.write("float: left; margin: 0 10px 0 0; \r\n");
      out.write("}\r\n");
      out.write(".button-list li.search {\r\n");
      out.write(" border-left: 1px solid #273137; padding-left: 18px; margin-left: 10px; position: relative; \r\n");
      out.write(" }\r\n");
      out.write("\r\n");
      out.write("/* Search CSS: */\r\n");
      out.write(".search-input {\r\n");
      out.write("    padding: 0 5px 0 22px;\r\n");
      out.write("    border: 1px solid #1c252b;\r\n");
      out.write("    height: 30px;\r\n");
      out.write("    color: #9fa8b0;\r\n");
      out.write("    font-size: 12px;\r\n");
      out.write("    line-height: 30px;\r\n");
      out.write("    font-weight: bold;\r\n");
      out.write("    text-shadow: 1px 1px #1f272b;\r\n");
      out.write("    border-radius: 25px;\r\n");
      out.write("    -moz-border-radius: 25px;\r\n");
      out.write("    -webkit-border-radius: 25px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write(".search-input:focus {outline: none;}\r\n");
      out.write(".search-submit {\r\n");
      out.write("    width: 13px;\r\n");
      out.write("    height: 13px;\r\n");
      out.write("    border: none;\r\n");
      out.write("    background: url(mag-glass.png) no-repeat;\r\n");
      out.write("    display: block;\r\n");
      out.write("    position: absolute;\r\n");
      out.write("    left: 26px;\r\n");
      out.write("    top: 10px;\r\n");
      out.write("    text-indent: -9999em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Vertical List: */\r\n");
      out.write(".vertical-list {\r\n");
      out.write("    list-style: none;\r\n");
      out.write("    padding: 10px;\r\n");
      out.write("    width: 200px;\r\n");
      out.write("    border-radius: 5px;\r\n");
      out.write("    -moz-border-radius: 5px;\r\n");
      out.write("    -webkit-border-radius: 5px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button {\r\n");
      out.write("    border-radius: 5px;\r\n");
      out.write("    -moz-border-radius: 5px;\r\n");
      out.write("    -webkit-border-radius: 5px;\r\n");
      out.write("    background: #515B62; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button:hover {\r\n");
      out.write("    background: #5F6B72; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#5F6B72), color-stop(4%,#56646C), color-stop(50%,#4D5A62), color-stop(100%,#434D54)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F6B72', endColorstr='#434D54',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button:active {\r\n");
      out.write("    padding: 5px 12px;\r\n");
      out.write("    top: 0;\r\n");
      out.write("    background: #515B62; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */       -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("form{\r\n");
      out.write("\tbackground: #48494D;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, transparent, transparent); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:10px;\r\n");
      out.write("\t-webkit-border-radius:10px;\r\n");
      out.write("\t-moz-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\tpadding:20px;\r\n");
      out.write("\twidth:350px;\r\n");
      out.write("\tmargin-bottom: 20px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#checkbox {\r\n");
      out.write("\twidth: 0px;\r\n");
      out.write("\tmargin-bottom: 0px;\r\n");
      out.write("\tpadding:0px;\r\n");
      out.write("\tborder:1px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("h1{\r\n");
      out.write("\tborder-bottom:1px solid #ccc;\r\n");
      out.write("\tfont-size:11px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tletter-spacing:2px;\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("\ttext-transform:uppercase;\r\n");
      out.write("}\r\n");
      out.write("form p{\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("}\r\n");
      out.write("form p:last-child{ /* Sélecteur avancé pour sélectionner le dernier paragraphe du formulaire */\r\n");
      out.write("\tmargin-bottom:0;\r\n");
      out.write("}\r\n");
      out.write("label{\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("\tfloat:left;\r\n");
      out.write("\tfont-size:13px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tline-height:28px;\r\n");
      out.write("\tmargin-bottom:5px;\r\n");
      out.write("\twidth:150px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("form p:hover label{\r\n");
      out.write("\tcolor:#0459b7;\r\n");
      out.write("}\r\n");
      out.write("form p:hover label:after{\r\n");
      out.write("\tcontent:\" *\";\r\n");
      out.write("}\r\n");
      out.write("input[type=text],\r\n");
      out.write("input[type=password]{\r\n");
      out.write("\tbackground: rgba(255, 255, 255, 0.9);\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\tpadding:5px;\r\n");
      out.write("}\r\n");
      out.write("input[type=text]:focus,\r\n");
      out.write("input[type=password]:focus{\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\toutline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */\r\n");
      out.write("}\r\n");
      out.write("select{\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tpadding:3px;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #aaa;\r\n");
      out.write("}\r\n");
      out.write("select:active,\r\n");
      out.write("select:focus{\r\n");
      out.write("\tborder:1px solid #093c75;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\toutline:none;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit],\r\n");
      out.write("a.submit{\r\n");
      out.write("\tbackground:#ddd;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #093c75;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\t-moz-box-shadow:0 1px 0 #000;\r\n");
      out.write("\t-webkit-box-shadow:0 1px 0 #000;\r\n");
      out.write("\tcolor:#fff;\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tfont-family:Arial,sans-serif;\r\n");
      out.write("\tfont-size:12px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tmargin-left:120px;\r\n");
      out.write("\tpadding:5px 10px;\r\n");
      out.write("\ttext-decoration:none;\r\n");
      out.write("\ttext-shadow:0 1px 1px #333;\r\n");
      out.write("\ttext-transform:uppercase;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit]:hover,\r\n");
      out.write("a.submit:hover{\r\n");
      out.write("\tbackground:#eee;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #067cd3, #0bcdff);\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\ttext-decoration:none;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit]:active,\r\n");
      out.write("input[type=submit]:focus,\r\n");
      out.write("a.submit:active,\r\n");
      out.write("a.submit:focus{\r\n");
      out.write("\tbackground:#ccc;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #0bcdff, #067cd3);\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\toutline:none;\r\n");
      out.write("}\r\n");
      out.write("#options{\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("}\r\n");
      out.write("#options p{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options .show{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#options:target .show{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options .hide{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options:target .hide{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#options:target p{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#finish{\r\n");
      out.write("\tbackground:rgba(65, 166, 42, 0.2);\r\n");
      out.write("\tborder:2px solid #41a62a;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("\tpadding:5px 10px;\r\n");
      out.write("}\r\n");
      out.write("#finish:target{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/*\r\n");
      out.write("Theme: Azuln\r\n");
      out.write("Author: Jorge Epuan H.\r\n");
      out.write("URL: www.csslab.cl\r\n");
      out.write("Country: Chile\r\n");
      out.write("*/\r\n");
      out.write("\r\n");
      out.write("#itsthetable {\r\n");
      out.write("\tfont-family: Georgia, \"Times New Roman\", Times, serif;\r\n");
      out.write("\tcolor: #036;\r\n");
      out.write("\tfloat: right;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable caption {\r\n");
      out.write("\tfont-size: 48px;\r\n");
      out.write("\tcolor: #036;\r\n");
      out.write("\tfont-weight: bolder;\r\n");
      out.write("\tfont-variant: small-caps;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th {\r\n");
      out.write("\tfont-size: 12px;\r\n");
      out.write("\tcolor: #FFF;\r\n");
      out.write("\tbackground-color: #383F49;\r\n");
      out.write("\tpadding: 8px 4px;\r\n");
      out.write("\tborder-bottom: 1px solid #015ebc;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable table {\r\n");
      out.write("\tmargin: 0;\r\n");
      out.write("\tpadding: 0;\r\n");
      out.write("\tborder-collapse: collapse;\r\n");
      out.write("\tborder: 1px solid #06C;\r\n");
      out.write("\twidth: 100%\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th a:link, #itsthetable th a:visited {\r\n");
      out.write("\tcolor: #FFF;\r\n");
      out.write("\ttext-decoration: none;\r\n");
      out.write("\tborder-left: 5px solid #FFF;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th a:hover, #itsthetable th a:active {\r\n");
      out.write("\tcolor: #F90;\r\n");
      out.write("\ttext-decoration: line-through;\r\n");
      out.write("\tborder-left: 5px solid #F90;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tbody th:hover {\r\n");
      out.write("\tbackground-image: url(imgs/tbody_hover.gif);\r\n");
      out.write("\tbackground-position: bottom;\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td {\r\n");
      out.write("\tbackground-color: #f2f2f2;\r\n");
      out.write("\tpadding: 4px;\r\n");
      out.write("\tfont-size: 12px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td:hover {\r\n");
      out.write("\tbackground-color: #f8f8f8;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td a:link, #itsthetable td a:visited {\r\n");
      out.write("\tcolor: #039;\r\n");
      out.write("\ttext-decoration: none;\r\n");
      out.write("\tborder-left: 3px solid #039;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td a:hover, #itsthetable td a:active {\r\n");
      out.write("\tcolor: #06C;\r\n");
      out.write("\ttext-decoration: line-through;\r\n");
      out.write("\tborder-left: 3px solid #06C;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th {\r\n");
      out.write("\ttext-align: left;\r\n");
      out.write("\twidth: 150px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tr {\r\n");
      out.write("\tborder-bottom: 1px solid #CCC;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable thead th {\r\n");
      out.write("\tbackground-image: url(imgs/thead_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #06C;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 18px;\r\n");
      out.write("\ttext-align: center;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("\tborder: 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tfoot th {\r\n");
      out.write("\tbackground-image: url(imgs/tfoot_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #036;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 28px;\r\n");
      out.write("\ttext-align: center;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tfoot td {\r\n");
      out.write("\tbackground-image: url(imgs/tfoot_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #036;\r\n");
      out.write("\tcolor: FFF;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 24px;\r\n");
      out.write("\ttext-align: left;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("tbody td a[href=\"http://www.csslab.cl/\"] {\r\n");
      out.write("\tfont-weight: bolder;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("button {\r\n");
      out.write("\tcursor:hand;\r\n");
      out.write("\tmargin-left:37px;\t\r\n");
      out.write("}");
      out.write("\r\n");
      out.write("</style>\r\n");
      out.write("<title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("\t<div id=\"topnav\">\r\n");
      out.write("\t\t<div id=\"topnavcontents\">\r\n");
      out.write("\t\t\t<div id=\"menu\">\r\n");
      out.write("\t\t\t\t<ul class=\"button-list\">\r\n");
      out.write("\t\t\t\t\t<li><a href='index.jsp' class='button'>Accueil</a></li>\r\n");
      out.write("\t\t\t\t\t<li><a href='album.jsp' class='button'>Photos</a></li>\r\n");
      out.write("\t\t\t\t\t<li><a href='contacts' class='button'>Contacts</a></li>\r\n");
      out.write("\t\t\t\t\t<li><a href='partage' class='button'>Partage</a></li>\r\n");
      out.write("\t\t\t\t\t<li><a href='aide.jsp' class='button'>Aide</a></li>\r\n");
      out.write("\t\t\t\t\t<li><a href='disconnect.do' class='button'>Déconnexion</a></li>\r\n");
      out.write("\r\n");
      out.write("\t\t\t\t</ul>\r\n");
      out.write("\t\t\t</div>\r\n");
      out.write("\t\t</div>\r\n");
      out.write("\t</div>\r\n");
      out.write("\t<!-- #topnav -->\r\n");
      out.write("</body>\r\n");
      out.write("</html>");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\t\t<div id=\"highlightholder\">\r\n");
      out.write("\r\n");
      out.write("\t\t\t<div id=\"navbar\">A votre prochaine connexion, veuillez saisir\r\n");
      out.write("\t\t\t\tvos identifiants pour vous connecter directement à DiapoClic.</div>\r\n");
      out.write("\r\n");
      out.write("\t\t\t<div id=\"highlightcontents\">\r\n");
      out.write("\t\t\t\t<div class=\"box\">\r\n");
      out.write("\t\t\t\t\t<p>\r\n");
      out.write("\t\t\t\t\t\t<br>\r\n");
      out.write("\t\t\t\t\t\t<br>\r\n");
      out.write("\t\t\t\t\t\t<br>\r\n");
      out.write("\r\n");
      out.write("\t\t\t\t\t</p>\r\n");
      out.write("\t\t\t\t\t<TABLE style=\"border: 1px dashed #fff;\" width=\"300px\">\r\n");
      out.write("\t\t\t\t\t\t<CAPTION>Voici les informations de votre profil:</CAPTION>\r\n");
      out.write("\t\t\t\t\t\t<TR >\r\n");
      out.write("\t\t\t\t\t\t\t<TH>ID</TH>\r\n");
      out.write("\t\t\t\t\t\t\t<TH>Nom</TH>\r\n");
      out.write("\t\t\t\t\t\t\t<TH>Prénom</TH>\r\n");
      out.write("\t\t\t\t\t\t\t<TH>Login</TH>\r\n");
      out.write("\t\t\t\t\t\t\t<TH>E-mail</TH>\r\n");
      out.write("\t\t\t\t\t\t</TR>\r\n");
      out.write("\t\t\t\t\t\t<TR >\r\n");
      out.write("\t\t\t\t\t\t\t<TD>");
      out.print(current_User_id);
      out.write("</TD>\r\n");
      out.write("\t\t\t\t\t\t\t<TD>");
      out.print(current_User_name);
      out.write("</TD>\r\n");
      out.write("\t\t\t\t\t\t\t<TD>");
      out.print(current_User_firstname);
      out.write("</TD>\r\n");
      out.write("\t\t\t\t\t\t\t<TD>");
      out.print(current_User_login);
      out.write("</TD>\r\n");
      out.write("\t\t\t\t\t\t\t<TD>");
      out.print(current_User_email);
      out.write("</TD>\r\n");
      out.write("\t\t\t\t\t\t</TR>\r\n");
      out.write("\t\t\t\t\t</TABLE>\r\n");
      out.write("\r\n");
      out.write("\t\t\t\t\t<p>Si vos informations n'apparaissent pas, c'est qu'il faut vous enregistrer sur DiapoClic.<br><br> Pour cela, cliquer \r\n");
      out.write("\t\t\t\t\t<a href=\"register.jsp\">ICI</a>\r\n");
      out.write("\t\t\t\t\t</p>\r\n");
      out.write("\t\t\t\t\t\r\n");
      out.write("\t\t\t\t\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\t\t\t\t</div>\r\n");
      out.write("\t\t\t\t<!-- #box -->\r\n");
      out.write("\t\t\t\t\r\n");
      out.write("\t\t\t</div>\r\n");
      out.write("\t\t\t<!-- #highlightcontents -->\r\n");
      out.write("\r\n");
      out.write("\t\t</div>\r\n");
      out.write("\t\t<!-- #highlightholder -->\r\n");
      out.write("\r\n");
      out.write("\t</div>\r\n");
      out.write("\t<!-- #page -->\r\n");
      out.write("\r\n");
      out.write("\t<div id=\"footer\">\r\n");
      out.write("\t\t");
      out.write("\r\n");
      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\">\r\n");
      out.write("<style type=\"text/css\" media=\"all\">\r\n");
      out.write("body\r\n");
      out.write("{\r\n");
      out.write("  padding: 0;\r\n");
      out.write("  margin: 0;\r\n");
      out.write("  background: #222 url(viewer/images/page-bg.png) repeat;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  color: #666;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#page\r\n");
      out.write("{\r\n");
      out.write("text-align: left;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#topnav\r\n");
      out.write("{\r\n");
      out.write("  text-align: center;\r\n");
      out.write("  z-index: 0;\r\n");
      out.write("  overflow: hidden;\r\n");
      out.write("  position: fixed;\r\n");
      out.write("  top: 0px;\r\n");
      out.write("  left: 0px;\r\n");
      out.write("  background: url(viewer/images/topnav.png) repeat-x left top;\r\n");
      out.write("  height: 50px;\r\n");
      out.write("  border-bottom: 1px solid #444;\r\n");
      out.write("  margin-bottom: 10px;\r\n");
      out.write("  -webkit-box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  -moz-box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  box-shadow: 0px 5px 10px #111;\r\n");
      out.write("  width: 100%;\r\n");
      out.write("  \r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#topnavcontents\r\n");
      out.write("{\r\n");
      out.write("  width: 0px;\r\n");
      out.write("  margin: 0px auto;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#topnav #menu\r\n");
      out.write("{\r\n");
      out.write("  text-align: right;\r\n");
      out.write("  padding: 12px 0;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#topnav a, #topnav a:visited\r\n");
      out.write("{\r\n");
      out.write("  color: #ddd;\r\n");
      out.write("  text-decoration: none;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-right: 11px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#navbar\r\n");
      out.write("{\r\n");
      out.write("\twidth: 300px;\r\n");
      out.write("\theight: 200px;\r\n");
      out.write("\tfloat: left;\r\n");
      out.write("\tpadding: 100px 30px 20px 10px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#highlightholder\r\n");
      out.write("{\r\n");
      out.write("  text-align: center;\r\n");
      out.write("  color: #ddd;\r\n");
      out.write("  font-weight: 200;\r\n");
      out.write("  margin-top: 50px;\r\n");
      out.write("  min-height: 250px;\r\n");
      out.write("  z-index: 5;\r\n");
      out.write("  background: #222 url(viewer/images/content-bg.png) repeat;\r\n");
      out.write("  padding-bottom: 3em;\r\n");
      out.write("  padding: 10px 0;\r\n");
      out.write("  border-bottom: 1px solid #444;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#highlightcontents\r\n");
      out.write("{\r\n");
      out.write("  padding-top: 0px;\r\n");
      out.write("  text-align: left;\r\n");
      out.write("  width: auto; /*960px;*/\r\n");
      out.write("  margin: 0px auto;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 24pt;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title .tag \r\n");
      out.write("{\r\n");
      out.write("  font-size: 18pt;\r\n");
      out.write("  color: #999;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write(".title\r\n");
      out.write("{\r\n");
      out.write("  margin-bottom: 2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#products .box\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 15px;\r\n");
      out.write("  width: 450px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box a img.head\r\n");
      out.write("{\r\n");
      out.write("  width: 280px;\r\n");
      out.write("  height: 210px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title\r\n");
      out.write("{\r\n");
      out.write("font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 16pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .tag\r\n");
      out.write("{\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .title .tag > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("#products .box .title .desc\r\n");
      out.write("{\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  color: #616573;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 20px 20px 20px;\r\n");
      out.write("  width: 900px;\r\n");
      out.write("  height: 500px;\r\n");
      out.write("  \r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent a img.head\r\n");
      out.write("{\r\n");
      out.write("  width: auto;\r\n");
      out.write("  height: auto;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title\r\n");
      out.write("{\r\n");
      out.write("font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("\tfont-weight: 100;\r\n");
      out.write("\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 16pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .tag\r\n");
      out.write("{\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#productscontent .boxcontent .title .tag > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("#productscontent .boxcontent .title .desc\r\n");
      out.write("{\r\n");
      out.write("  font-size: 12pt;\r\n");
      out.write("  color: #616573;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#products .box .boxfriend\r\n");
      out.write("{\r\n");
      out.write("\tbackground: #48494D;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, transparent, transparent); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:10px;\r\n");
      out.write("\t-webkit-border-radius:10px;\r\n");
      out.write("\t-moz-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\tpadding:10px;\r\n");
      out.write("\twidth:250px;\r\n");
      out.write("\tmargin-bottom: 10fpx;\r\n");
      out.write("\t\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#footer\r\n");
      out.write("{\r\n");
      out.write("  margin: 2em;\r\n");
      out.write("  font-size: 80%;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("h1\r\n");
      out.write("{\r\n");
      out.write("  font-size: 250%;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("h2\r\n");
      out.write("{\r\n");
      out.write("  font-size: 200%;\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  color: #fff;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("ul > li\r\n");
      out.write("{\r\n");
      out.write("  margin-bottom: 0.6em;\r\n");
      out.write("font-family: Helvetica-Light;\r\n");
      out.write("font-weight: normal;\r\n");
      out.write("color: #bbb;\r\n");
      out.write("letter-spacing: 0.06em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("ul > li > strong\r\n");
      out.write("{\r\n");
      out.write("color: #ddd;\r\n");
      out.write("  font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("p \r\n");
      out.write("{\r\n");
      out.write("  font-family: Helvetica;\r\n");
      out.write("font-weight: 100;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("p > strong\r\n");
      out.write("{\r\n");
      out.write("font-weight: bold;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("img.feature\r\n");
      out.write("{\r\n");
      out.write("  width: 300px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("a, a:visited\r\n");
      out.write("{\r\n");
      out.write("  color: #bdc8ee;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("#team .box\r\n");
      out.write("{\r\n");
      out.write("  float: left;\r\n");
      out.write("  margin: 0 15px;\r\n");
      out.write("  margin-bottom: 15px;\r\n");
      out.write("  width: 290px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box img\r\n");
      out.write("{\r\n");
      out.write("  width: 280px;\r\n");
      out.write("  height: 210px;\r\n");
      out.write("  display: block;\r\n");
      out.write("  border: 5px solid #555;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title\r\n");
      out.write("{\r\n");
      out.write("  font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  margin: 1em 0;\r\n");
      out.write("  text-align: center;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title .main\r\n");
      out.write("{\r\n");
      out.write("  font-size: 15pt;\r\n");
      out.write("  margin-bottom: 0.2em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#team .box .title .tag\r\n");
      out.write("{\r\n");
      out.write("  font-weight: 100;\r\n");
      out.write("  font-size: 14pt;\r\n");
      out.write("  margin-bottom: 0.4em;\r\n");
      out.write("  color:  #bbb;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Dark Button CSS */\r\n");
      out.write(".button {\r\n");
      out.write("    outline: 0;\r\n");
      out.write("    padding: 5px 12px;\r\n");
      out.write("    display: block;\r\n");
      out.write("    color: #9fa8b0;\r\n");
      out.write("    font-weight: bold;\r\n");
      out.write("    text-shadow: 1px 1px #1f272b;\r\n");
      out.write("    border: 1px solid #1c252b;\r\n");
      out.write("    border-radius: 3px;\r\n");
      out.write("    -moz-border-radius: 3px;\r\n");
      out.write("    -webkit-border-radius: 3px;\r\n");
      out.write("    background: #232B30; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */\r\n");
      out.write("}\r\n");
      out.write(".button:hover {\r\n");
      out.write("    color: #fff;\r\n");
      out.write("    background: #4C5A64; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".button:active {\r\n");
      out.write("    background-position: 0 top;\r\n");
      out.write("    position: relative;\r\n");
      out.write("    top: 1px;\r\n");
      out.write("    color: #fff;\r\n");
      out.write("    padding: 6px 12px 4px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Other stuff: */\r\n");
      out.write(".button-list {\r\n");
      out.write("list-style: none; padding: 0px 50%; margin-bottom: 12px; width: 550px; float: left; display: block; margin: 0 0 30px; \r\n");
      out.write("}\r\n");
      out.write(".button-list li { \r\n");
      out.write("float: left; margin: 0 10px 0 0; \r\n");
      out.write("}\r\n");
      out.write(".button-list li.search {\r\n");
      out.write(" border-left: 1px solid #273137; padding-left: 18px; margin-left: 10px; position: relative; \r\n");
      out.write(" }\r\n");
      out.write("\r\n");
      out.write("/* Search CSS: */\r\n");
      out.write(".search-input {\r\n");
      out.write("    padding: 0 5px 0 22px;\r\n");
      out.write("    border: 1px solid #1c252b;\r\n");
      out.write("    height: 30px;\r\n");
      out.write("    color: #9fa8b0;\r\n");
      out.write("    font-size: 12px;\r\n");
      out.write("    line-height: 30px;\r\n");
      out.write("    font-weight: bold;\r\n");
      out.write("    text-shadow: 1px 1px #1f272b;\r\n");
      out.write("    border-radius: 25px;\r\n");
      out.write("    -moz-border-radius: 25px;\r\n");
      out.write("    -webkit-border-radius: 25px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write(".search-input:focus {outline: none;}\r\n");
      out.write(".search-submit {\r\n");
      out.write("    width: 13px;\r\n");
      out.write("    height: 13px;\r\n");
      out.write("    border: none;\r\n");
      out.write("    background: url(mag-glass.png) no-repeat;\r\n");
      out.write("    display: block;\r\n");
      out.write("    position: absolute;\r\n");
      out.write("    left: 26px;\r\n");
      out.write("    top: 10px;\r\n");
      out.write("    text-indent: -9999em;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/* Vertical List: */\r\n");
      out.write(".vertical-list {\r\n");
      out.write("    list-style: none;\r\n");
      out.write("    padding: 10px;\r\n");
      out.write("    width: 200px;\r\n");
      out.write("    border-radius: 5px;\r\n");
      out.write("    -moz-border-radius: 5px;\r\n");
      out.write("    -webkit-border-radius: 5px;\r\n");
      out.write("    background: #20282D; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button {\r\n");
      out.write("    border-radius: 5px;\r\n");
      out.write("    -moz-border-radius: 5px;\r\n");
      out.write("    -webkit-border-radius: 5px;\r\n");
      out.write("    background: #515B62; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button:hover {\r\n");
      out.write("    background: #5F6B72; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#5F6B72), color-stop(4%,#56646C), color-stop(50%,#4D5A62), color-stop(100%,#434D54)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F6B72', endColorstr='#434D54',GradientType=0 ); /* ie */\r\n");
      out.write("}\r\n");
      out.write(".vertical-list .button:active {\r\n");
      out.write("    padding: 5px 12px;\r\n");
      out.write("    top: 0;\r\n");
      out.write("    background: #515B62; /* old browsers */\r\n");
      out.write("    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */\r\n");
      out.write("    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */\r\n");
      out.write("    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */       -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */\r\n");
      out.write("    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */\r\n");
      out.write("    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */\r\n");
      out.write("    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("form{\r\n");
      out.write("\tbackground: #48494D;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, transparent, transparent); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:10px;\r\n");
      out.write("\t-webkit-border-radius:10px;\r\n");
      out.write("\t-moz-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 15px #aaa;\r\n");
      out.write("\tpadding:20px;\r\n");
      out.write("\twidth:350px;\r\n");
      out.write("\tmargin-bottom: 20px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#checkbox {\r\n");
      out.write("\twidth: 0px;\r\n");
      out.write("\tmargin-bottom: 0px;\r\n");
      out.write("\tpadding:0px;\r\n");
      out.write("\tborder:1px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("h1{\r\n");
      out.write("\tborder-bottom:1px solid #ccc;\r\n");
      out.write("\tfont-size:11px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tletter-spacing:2px;\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("\ttext-transform:uppercase;\r\n");
      out.write("}\r\n");
      out.write("form p{\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("}\r\n");
      out.write("form p:last-child{ /* Sélecteur avancé pour sélectionner le dernier paragraphe du formulaire */\r\n");
      out.write("\tmargin-bottom:0;\r\n");
      out.write("}\r\n");
      out.write("label{\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("\tfloat:left;\r\n");
      out.write("\tfont-size:13px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tline-height:28px;\r\n");
      out.write("\tmargin-bottom:5px;\r\n");
      out.write("\twidth:150px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("form p:hover label{\r\n");
      out.write("\tcolor:#0459b7;\r\n");
      out.write("}\r\n");
      out.write("form p:hover label:after{\r\n");
      out.write("\tcontent:\" *\";\r\n");
      out.write("}\r\n");
      out.write("input[type=text],\r\n");
      out.write("input[type=password]{\r\n");
      out.write("\tbackground: rgba(255, 255, 255, 0.9);\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #aaa;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\tpadding:5px;\r\n");
      out.write("}\r\n");
      out.write("input[type=text]:focus,\r\n");
      out.write("input[type=password]:focus{\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\toutline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */\r\n");
      out.write("}\r\n");
      out.write("select{\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tpadding:3px;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #aaa;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #aaa;\r\n");
      out.write("}\r\n");
      out.write("select:active,\r\n");
      out.write("select:focus{\r\n");
      out.write("\tborder:1px solid #093c75;\r\n");
      out.write("\t-moz-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\t-webkit-box-shadow:0 0 3px #0459b7;\r\n");
      out.write("\toutline:none;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit],\r\n");
      out.write("a.submit{\r\n");
      out.write("\tbackground:#ddd;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */\r\n");
      out.write("\tborder:1px solid #093c75;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\t-moz-box-shadow:0 1px 0 #000;\r\n");
      out.write("\t-webkit-box-shadow:0 1px 0 #000;\r\n");
      out.write("\tcolor:#fff;\r\n");
      out.write("\tcursor:pointer;\r\n");
      out.write("\tfont-family:Arial,sans-serif;\r\n");
      out.write("\tfont-size:12px;\r\n");
      out.write("\tfont-weight:bold;\r\n");
      out.write("\tmargin-left:120px;\r\n");
      out.write("\tpadding:5px 10px;\r\n");
      out.write("\ttext-decoration:none;\r\n");
      out.write("\ttext-shadow:0 1px 1px #333;\r\n");
      out.write("\ttext-transform:uppercase;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit]:hover,\r\n");
      out.write("a.submit:hover{\r\n");
      out.write("\tbackground:#eee;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #067cd3, #0bcdff);\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\ttext-decoration:none;\r\n");
      out.write("}\r\n");
      out.write("input[type=submit]:active,\r\n");
      out.write("input[type=submit]:focus,\r\n");
      out.write("a.submit:active,\r\n");
      out.write("a.submit:focus{\r\n");
      out.write("\tbackground:#ccc;\r\n");
      out.write("\tbackground:-moz-linear-gradient(90deg, #0bcdff, #067cd3);\r\n");
      out.write("\tbackground:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));\r\n");
      out.write("\tborder-color:#093c75;\r\n");
      out.write("\toutline:none;\r\n");
      out.write("}\r\n");
      out.write("#options{\r\n");
      out.write("\tmargin-bottom:20px;\r\n");
      out.write("}\r\n");
      out.write("#options p{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options .show{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#options:target .show{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options .hide{\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("}\r\n");
      out.write("#options:target .hide{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#options:target p{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("#finish{\r\n");
      out.write("\tbackground:rgba(65, 166, 42, 0.2);\r\n");
      out.write("\tborder:2px solid #41a62a;\r\n");
      out.write("\t-moz-border-radius:3px;\r\n");
      out.write("\t-webkit-border-radius:3px;\r\n");
      out.write("\tdisplay:none;\r\n");
      out.write("\tpadding:5px 10px;\r\n");
      out.write("}\r\n");
      out.write("#finish:target{\r\n");
      out.write("\tdisplay:block;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("/*\r\n");
      out.write("Theme: Azuln\r\n");
      out.write("Author: Jorge Epuan H.\r\n");
      out.write("URL: www.csslab.cl\r\n");
      out.write("Country: Chile\r\n");
      out.write("*/\r\n");
      out.write("\r\n");
      out.write("#itsthetable {\r\n");
      out.write("\tfont-family: Georgia, \"Times New Roman\", Times, serif;\r\n");
      out.write("\tcolor: #036;\r\n");
      out.write("\tfloat: right;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable caption {\r\n");
      out.write("\tfont-size: 48px;\r\n");
      out.write("\tcolor: #036;\r\n");
      out.write("\tfont-weight: bolder;\r\n");
      out.write("\tfont-variant: small-caps;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th {\r\n");
      out.write("\tfont-size: 12px;\r\n");
      out.write("\tcolor: #FFF;\r\n");
      out.write("\tbackground-color: #383F49;\r\n");
      out.write("\tpadding: 8px 4px;\r\n");
      out.write("\tborder-bottom: 1px solid #015ebc;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable table {\r\n");
      out.write("\tmargin: 0;\r\n");
      out.write("\tpadding: 0;\r\n");
      out.write("\tborder-collapse: collapse;\r\n");
      out.write("\tborder: 1px solid #06C;\r\n");
      out.write("\twidth: 100%\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th a:link, #itsthetable th a:visited {\r\n");
      out.write("\tcolor: #FFF;\r\n");
      out.write("\ttext-decoration: none;\r\n");
      out.write("\tborder-left: 5px solid #FFF;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th a:hover, #itsthetable th a:active {\r\n");
      out.write("\tcolor: #F90;\r\n");
      out.write("\ttext-decoration: line-through;\r\n");
      out.write("\tborder-left: 5px solid #F90;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tbody th:hover {\r\n");
      out.write("\tbackground-image: url(imgs/tbody_hover.gif);\r\n");
      out.write("\tbackground-position: bottom;\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td {\r\n");
      out.write("\tbackground-color: #f2f2f2;\r\n");
      out.write("\tpadding: 4px;\r\n");
      out.write("\tfont-size: 12px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td:hover {\r\n");
      out.write("\tbackground-color: #f8f8f8;\r\n");
      out.write("\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td a:link, #itsthetable td a:visited {\r\n");
      out.write("\tcolor: #039;\r\n");
      out.write("\ttext-decoration: none;\r\n");
      out.write("\tborder-left: 3px solid #039;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable td a:hover, #itsthetable td a:active {\r\n");
      out.write("\tcolor: #06C;\r\n");
      out.write("\ttext-decoration: line-through;\r\n");
      out.write("\tborder-left: 3px solid #06C;\r\n");
      out.write("\tpadding-left: 3px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable th {\r\n");
      out.write("\ttext-align: left;\r\n");
      out.write("\twidth: 150px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tr {\r\n");
      out.write("\tborder-bottom: 1px solid #CCC;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable thead th {\r\n");
      out.write("\tbackground-image: url(imgs/thead_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #06C;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 18px;\r\n");
      out.write("\ttext-align: center;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("\tborder: 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tfoot th {\r\n");
      out.write("\tbackground-image: url(imgs/tfoot_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #036;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 28px;\r\n");
      out.write("\ttext-align: center;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("#itsthetable tfoot td {\r\n");
      out.write("\tbackground-image: url(imgs/tfoot_back.gif);\r\n");
      out.write("\tbackground-repeat: repeat-x;\r\n");
      out.write("\tbackground-color: #036;\r\n");
      out.write("\tcolor: FFF;\r\n");
      out.write("\theight: 30px;\r\n");
      out.write("\tfont-size: 24px;\r\n");
      out.write("\ttext-align: left;\r\n");
      out.write("\ttext-shadow: #333 2px 2px;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("tbody td a[href=\"http://www.csslab.cl/\"] {\r\n");
      out.write("\tfont-weight: bolder;\r\n");
      out.write("}\r\n");
      out.write("\r\n");
      out.write("button {\r\n");
      out.write("\tcursor:hand;\r\n");
      out.write("\tmargin-left:37px;\t\r\n");
      out.write("}");
      out.write("\r\n");
      out.write("</style>\r\n");
      out.write("<title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("Copyright &copy; 2011 - 2012 DiapoClic. Tous droits réservés.\r\n");
      out.write("</body>\r\n");
      out.write("</html>");
      out.write("\r\n");
      out.write("\t</div>\r\n");
      out.write("\t<!-- #footer -->\r\n");
      out.write("</body>\r\n");
      out.write("</html>\r\n");
    } catch (Throwable t) {
      if (!(t instanceof SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          try { out.clearBuffer(); } catch (java.io.IOException e) {}
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}
